<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查询页面</title>
    <link rel="stylesheet" href="static/plugins/bootstrap-3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="static/plugins/font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>

<div class="container">
    <form method="post" action="/show_table">
        <h1>查询用户</h1>
        <input type="text" name="user" placeholder="请输入要查询的用户名">
        <input type="submit" value="点击查询">
    </form>
    <h3>{{title}}</h3>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>ID</th>
            <th>用户名</th>
            <th>密码</th>
            <th>手机号</th>
        </tr>
        </thead>
        <tbody>
        {% for item in data_list %}
        <tr>
            <th scope="row">1</th>
            <td>{{item["username"]}}</td>
            <td>{{item["password"]}}</td>
            <td>{{item["mobile"]}}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
<script src="static/js/jquery-3.7.1.min.js"></script>
<script src="static/plugins/bootstrap-3.3.7/js/bootstrap.js"></script>
</body>
</html>